<template>
    <div id="cartooni">
        <div id="biliMainHeader" class="z-top-container" type="all" data-v-app="">
            <div class="bili-header large-header">
<div class="bili-header__bar slide-down" style="background-color: rgb(255, 255, 255);">
<ul class="left-entry">
<li class="v-popover-wrap">
<div class="mini-header__title">
<a >首页</a>
</div>

</li>

<li class="v-popover-wrap"><a  class="default-entry"><span>番剧</span></a><!----></li>
<li class="v-popover-wrap"><a   class="default-entry"><span>小说</span></a><!----></li>
<li class="v-popover-wrap"><a   class="default-entry"><span>未开通</span></a><!----></li>
<li class="v-popover-wrap"><a   class="default-entry"><span>未开通</span></a><!----></li>
<li class="v-popover-wrap"><a   class="default-entry"><span>未开通</span></a><!----></li>
<li class="v-popover-wrap"><a   class="default-entry"><span>未开通</span></a><!----></li>
<li class="v-popover-wrap"><a   class="default-entry"><span>未开通</span></a><!----></li>
<li class="v-popover-wrap"><a   class="default-entry"><span>未开通</span></a><!----></li>
</ul>

<div class="center-search-container">
    <div class="center-search__bar">
<form id="nav-searchform" class="nav-searchform" style="border-radius: 8px;">

    <div class="nav-search-content">
      <!-- <li class="v-popover-wrap header-avatar-wrap"> -->
        <el-input class="nav-search-input"  type="text" autocomplete="off" accesskey="s" maxlength="0" x-webkit-speech="" x-webkit-grammar="builtin:translate" placeholder="间谍过家家漫画" title="间谍过家家漫画">
         </el-input>
          <div class="nav-search-btn" @click="put"><svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.3451 15.2003C16.6377 15.4915 16.4752 15.772 16.1934 16.0632C16.15 16.1279 16.0958 16.1818 16.0525 16.2249C15.7707 16.473 15.4456 16.624 15.1854 16.3652L11.6848 12.8815C10.4709 13.8198 8.97529 14.3267 7.44714 14.3267C3.62134 14.3267 0.5 11.2314 0.5 7.41337C0.5 3.60616 3.6105 0.5 7.44714 0.5C11.2729 0.5 14.3943 3.59538 14.3943 7.41337C14.3943 8.98802 13.8524 10.5087 12.8661 11.7383L16.3451 15.2003ZM2.13647 7.4026C2.13647 10.3146 4.52083 12.6766 7.43624 12.6766C10.3517 12.6766 12.736 10.3146 12.736 7.4026C12.736 4.49058 10.3517 2.1286 7.43624 2.1286C4.50999 2.1286 2.13647 4.50136 2.13647 7.4026Z" fill="currentColor"></path></svg></div>

      <!-- </li> -->
    </div>
   </form>
    </div>
</div>
<ul class="right-entry">

   <li class="v-popover-wrap header-avatar-wrap" @click="but" @mouseenter="enter" @mouseleave="leave">
<el-avatar :size="40" :src="circleUrl" ></el-avatar>
   <div id="ha" class="v-popover is-bottom" style="padding-top: 12px; margin-left: -12px; display: none;">
   <div class="v-popover-content avatar-popover">
   <div class="avatar-panel-popover"><a class="big-avatar"></a>
   <a class="nickname-item" href="//space.bilibili.com/396021530" target="_blank">{{username}}</a><!---->
   <div class="coins-item">
    <!-- <a href="//account.bilibili.com/site/coin" target="_blank">
   <span class="coin-item__text">硬币:</span><span class="coin-item__num">59</span></a><a href="//pay.bilibili.com/pay-v2-web/bcoin_index" target="_blank">
   <span class="coin-item__text">B币:</span><span class="coin-item__num">0</span></a> -->
   <div class="coin-animation" style="display: none;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 900" width="200" height="900" style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px);" preserveAspectRatio="xMidYMid meet"><defs><clipPath id="__lottie_element_2"><rect width="200" height="900" x="0" y="0"></rect></clipPath><clipPath id="__lottie_element_10"><path d="M0,0 L400,0 L400,400 L0,400z"></path></clipPath><clipPath id="__lottie_element_14"><path d="M0,0 L400,0 L400,400 L0,400z"></path></clipPath></defs><g clip-path="url(#__lottie_element_2)"><g clip-path="url(#__lottie_element_10)" style="display: none;" transform="matrix(1,0,0,1,-98.5,594)" opacity="0.00015999999997490022"><g style="display: block;" transform="matrix(0.8109800219535828,0,0,1.006100058555603,200.09451293945312,199.993896484375)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,0.5,1)"><path fill="rgb(164,153,160)" fill-opacity="1" d=" M10.25,-78.5 C10.25,-78.5 10.25,78.5 10.25,78.5 C10.25,78.5 -10.25,78.5 -10.25,78.5 C-10.25,78.5 -10.25,-78.5 -10.25,-78.5 C-10.25,-78.5 10.25,-78.5 10.25,-78.5z"></path></g></g><g style="display: block;" transform="matrix(0.7772262096405029,0,0,1,197.8713836669922,200)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,0.4449999928474426,0.9139999747276306)"><path fill="rgb(148,153,160)" fill-opacity="1" d=" M0,-78.98750305175781 C43.593204498291016,-78.98750305175781 78.98750305175781,-43.593204498291016 78.98750305175781,0 C78.98750305175781,43.593204498291016 43.593204498291016,78.98750305175781 0,78.98750305175781 C-43.593204498291016,78.98750305175781 -78.98750305175781,43.593204498291016 -78.98750305175781,0 C-78.98750305175781,-43.593204498291016 -43.593204498291016,-78.98750305175781 0,-78.98750305175781z"></path></g></g><g clip-path="url(#__lottie_element_14)" style="display: none;" transform="matrix(0.05531708151102066,0,0,1,198.8284149169922,0.91400146484375)" opacity="1"><g style="display: block;" transform="matrix(1,0,0,1,199.55499267578125,199.08599853515625)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,0.4449999928474426,0.9139999747276306)"><path fill="rgb(174,179,185)" fill-opacity="1" d=" M0,-78.98750305175781 C43.593204498291016,-78.98750305175781 78.98750305175781,-43.593204498291016 78.98750305175781,0 C78.98750305175781,43.593204498291016 43.593204498291016,78.98750305175781 0,78.98750305175781 C-43.593204498291016,78.98750305175781 -78.98750305175781,43.593204498291016 -78.98750305175781,0 C-78.98750305175781,-43.593204498291016 -43.593204498291016,-78.98750305175781 0,-78.98750305175781z"></path></g></g><g style="display: block;" transform="matrix(1.0786800384521484,0,0,1.0786800384521484,199.51998901367188,198.4715118408203)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,0.4449999928474426,1.4170000553131104)"><path fill="rgb(227,229,231)" fill-opacity="1" d=" M0,-60.37300109863281 C33.31985855102539,-60.37300109863281 60.37300109863281,-33.31985855102539 60.37300109863281,0 C60.37300109863281,33.31985855102539 33.31985855102539,60.37300109863281 0,60.37300109863281 C-33.31985855102539,60.37300109863281 -60.37300109863281,33.31985855102539 -60.37300109863281,0 C-60.37300109863281,-33.31985855102539 -33.31985855102539,-60.37300109863281 0,-60.37300109863281z"></path></g></g><g style="display: block;" transform="matrix(2.40625,0,0,2.40625,199.0500030517578,201.5500030517578)" opacity="1"><g opacity="1" transform="matrix(3,0,0,3,0,0)"><path fill="rgb(174,179,185)" fill-opacity="1" d=" M-3.25,-5.599999904632568 C-3.5810000896453857,-5.599999904632568 -3.8499999046325684,-5.330999851226807 -3.8499999046325684,-5 C-3.8499999046325684,-4.669000148773193 -3.5810000896453857,-4.400000095367432 -3.25,-4.400000095367432 C-3.25,-4.400000095367432 -0.6000000238418579,-4.400000095367432 -0.6000000238418579,-4.400000095367432 C-0.6000000238418579,-4.400000095367432 -0.6000000238418579,-2.825000047683716 -0.6000000238418579,-2.825000047683716 C-1.8279999494552612,-2.7219998836517334 -2.8480000495910645,-2.2950000762939453 -3.5889999866485596,-1.5440000295639038 C-4.446000099182129,-0.675000011920929 -4.849999904632568,0.5490000247955322 -4.849999904632568,1.972000002861023 C-4.849999904632568,1.972000002861023 -4.849999904632568,2.5 -4.849999904632568,2.5 C-4.849999904632568,2.8310000896453857 -4.580999851226807,3.0999999046325684 -4.25,3.0999999046325684 C-3.9189999103546143,3.0999999046325684 -3.6500000953674316,2.8310000896453857 -3.6500000953674316,2.5 C-3.6500000953674316,2.5 -3.6500000953674316,1.972000002861023 -3.6500000953674316,1.972000002861023 C-3.6500000953674316,0.7710000276565552 -3.312000036239624,-0.11500000208616257 -2.7339999675750732,-0.7009999752044678 C-2.253999948501587,-1.187999963760376 -1.5540000200271606,-1.5230000019073486 -0.6000000238418579,-1.621000051498413 C-0.6000000238418579,-1.621000051498413 -0.6000000238418579,5 -0.6000000238418579,5 C-0.6000000238418579,5.330999851226807 -0.3310000002384186,5.599999904632568 0,5.599999904632568 C0.3310000002384186,5.599999904632568 0.6000000238418579,5.330999851226807 0.6000000238418579,5 C0.6000000238418579,5 0.6000000238418579,-1.621000051498413 0.6000000238418579,-1.621000051498413 C1.5540000200271606,-1.5230000019073486 2.253999948501587,-1.187999963760376 2.7339999675750732,-0.7009999752044678 C3.312000036239624,-0.11500000208616257 3.6500000953674316,0.7710000276565552 3.6500000953674316,1.972000002861023 C3.6500000953674316,1.972000002861023 3.6500000953674316,2.5 3.6500000953674316,2.5 C3.6500000953674316,2.8310000896453857 3.9189999103546143,3.0999999046325684 4.25,3.0999999046325684 C4.580999851226807,3.0999999046325684 4.849999904632568,2.8310000896453857 4.849999904632568,2.5 C4.849999904632568,2.5 4.849999904632568,1.972000002861023 4.849999904632568,1.972000002861023 C4.849999904632568,0.5490000247955322 4.446000099182129,-0.675000011920929 3.5889999866485596,-1.5440000295639038 C2.8480000495910645,-2.2950000762939453 1.8279999494552612,-2.7219998836517334 0.6000000238418579,-2.825000047683716 C0.6000000238418579,-2.825000047683716 0.6000000238418579,-4.400000095367432 0.6000000238418579,-4.400000095367432 C0.6000000238418579,-4.400000095367432 3.25,-4.400000095367432 3.25,-4.400000095367432 C3.5810000896453857,-4.400000095367432 3.8499999046325684,-4.669000148773193 3.8499999046325684,-5 C3.8499999046325684,-5.330999851226807 3.5810000896453857,-5.599999904632568 3.25,-5.599999904632568 C3.25,-5.599999904632568 -3.25,-5.599999904632568 -3.25,-5.599999904632568z"></path></g></g></g></g><g style="display: none;" transform="matrix(2.559999942779541,0,0,2.559999942779541,104.02200317382812,593.781982421875)" opacity="0.0001280000000031123"><g opacity="1" transform="matrix(3,0,0,3,0,0)"><path fill="rgb(0,174,236)" fill-opacity="1" d=" M10,0 C10,0 10,0 10,0 C10,3.5873498916625977 7.087349891662598,6.5 3.5,6.5 C3.5,6.5 -3.5,6.5 -3.5,6.5 C-7.087349891662598,6.5 -10,3.5873498916625977 -10,0 C-10,0 -10,0 -10,0 C-10,-3.5873498916625977 -7.087349891662598,-6.5 -3.5,-6.5 C-3.5,-6.5 3.5,-6.5 3.5,-6.5 C7.087349891662598,-6.5 10,-3.5873498916625977 10,0z"></path></g></g><g style="display: none;" transform="matrix(10.035200119018555,0,0,10.035200119018555,105.0184555053711,627.853515625)" opacity="0.0001280000000031123"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path fill="rgb(255,255,255)" fill-opacity="1" d=" M2.8350000381469727,-5.458000183105469 C2.8350000381469727,-5.458000183105469 2.8350000381469727,0 2.8350000381469727,0 C2.8350000381469727,0 4.1539998054504395,0 4.1539998054504395,0 C4.1539998054504395,0 4.1539998054504395,-7.170000076293945 4.1539998054504395,-7.170000076293945 C4.1539998054504395,-7.170000076293945 2.9549999237060547,-7.170000076293945 2.9549999237060547,-7.170000076293945 C2.9549999237060547,-7.170000076293945 0.9309999942779541,-5.690000057220459 0.9309999942779541,-5.690000057220459 C0.9309999942779541,-5.690000057220459 1.6460000276565552,-4.64300012588501 1.6460000276565552,-4.64300012588501 C1.6460000276565552,-4.64300012588501 2.8350000381469727,-5.458000183105469 2.8350000381469727,-5.458000183105469z"></path></g><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path fill="rgb(255,255,255)" fill-opacity="1" d=" M0.00800000037997961,-2.9609999656677246 C0.00800000037997961,-2.9609999656677246 0.00800000037997961,-4.230000019073486 0.00800000037997961,-4.230000019073486 C0.00800000037997961,-4.230000019073486 -1.8550000190734863,-4.230000019073486 -1.8550000190734863,-4.230000019073486 C-1.8550000190734863,-4.230000019073486 -1.8550000190734863,-6.0929999351501465 -1.8550000190734863,-6.0929999351501465 C-1.8550000190734863,-6.0929999351501465 -3.134000062942505,-6.0929999351501465 -3.134000062942505,-6.0929999351501465 C-3.134000062942505,-6.0929999351501465 -3.134000062942505,-4.230000019073486 -3.134000062942505,-4.230000019073486 C-3.134000062942505,-4.230000019073486 -4.997000217437744,-4.230000019073486 -4.997000217437744,-4.230000019073486 C-4.997000217437744,-4.230000019073486 -4.997000217437744,-2.9609999656677246 -4.997000217437744,-2.9609999656677246 C-4.997000217437744,-2.9609999656677246 -3.134000062942505,-2.9609999656677246 -3.134000062942505,-2.9609999656677246 C-3.134000062942505,-2.9609999656677246 -3.134000062942505,-1.0980000495910645 -3.134000062942505,-1.0980000495910645 C-3.134000062942505,-1.0980000495910645 -1.8550000190734863,-1.0980000495910645 -1.8550000190734863,-1.0980000495910645 C-1.8550000190734863,-1.0980000495910645 -1.8550000190734863,-2.9609999656677246 -1.8550000190734863,-2.9609999656677246 C-1.8550000190734863,-2.9609999656677246 0.00800000037997961,-2.9609999656677246 0.00800000037997961,-2.9609999656677246z"></path></g></g></g></svg></div></div><div class="v-popover-wrap level-item"><a class="level-item__bar" href="//account.bilibili.com/account/record?type=exp" target="_blank">
   <div class="level-item__bar--tag level-item__bar--now"><svg t="1641783313248" class="icon" viewBox="0 0 1901 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2929" width="200" height="200"><path d="M146.285714 174.811429h1609.142857v707.364571H146.285714z" fill="#FFFFFF" p-id="2930"></path><path class="level-bg" d="M1757.622857 73.142857c24.795429 0 49.517714 24.722286 43.373714 49.444572v747.446857a48.859429 48.859429 0 0 1-49.590857 49.371428H122.660571A48.786286 48.786286 0 0 1 73.142857 870.034286V209.042286c0-24.722286 18.578286-49.444571 49.517714-49.444572h1021.805715v-37.010285c0-24.722286 18.651429-49.444571 49.590857-49.444572h563.565714zM710.948571 264.630857h-49.517714c-18.578286 0-37.156571 18.578286-37.156571 37.083429v302.665143c0 13.165714 0 32.987429 6.217143 37.083428l173.348571 172.909714c11.044571 10.971429 36.717714 12.214857 42.349714 12.434286h1.024s31.012571 0 43.373715-12.434286l185.782857-172.909714c6.217143-6.217143 6.217143-18.505143 6.217143-30.866286V307.858286c0-18.505143-18.578286-37.010286-37.156572-37.010286h-49.517714c-18.651429 0-37.229714 18.505143-37.229714 37.010286v277.942857l-105.325715 105.033143L748.251429 585.874286V301.714286c0-18.505143-18.651429-37.083429-37.156572-37.083429z m-445.878857 0h-49.590857c-18.578286 0-37.156571 18.578286-37.156571 37.083429v488.009143c0 18.505143 18.578286 37.010286 37.156571 37.010285h297.325714c18.578286 0 37.156571-18.505143 37.156572-37.010285v-49.444572c0-18.578286-18.578286-37.083429-37.156572-37.083428h-210.651428v-401.554286c0-18.432-18.505143-37.010286-37.083429-37.010286zM1664.731429 171.958857h-384c-18.578286 0-37.083429 18.505143-37.083429 37.010286v49.444571c0 18.505143 18.505143 37.083429 37.083429 37.083429h297.252571v142.043428h-297.252571c-18.578286 0-37.083429 18.505143-37.083429 37.083429v49.444571c0 18.505143 18.505143 37.010286 37.083429 37.010286h297.252571v142.116572h-297.252571c-18.578286 0-37.083429 18.432-37.083429 37.010285v49.444572c0 18.505143 18.505143 37.083429 37.083429 37.083428h384c18.578286 0 37.156571-18.578286 37.156571-37.083428V208.969143c0-18.505143-18.578286-37.010286-37.156571-37.010286z" fill="#7BCDEF" p-id="2931"></path></svg></div>
   <div class="level-progress"><div class="level-progress__inner" style="width: 48%;"></div></div>
   <div class="level-item__bar--tag level-item__bar--next"><svg t="1641783415042" class="icon" viewBox="0 0 1901 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3057" width="200" height="200"><path d="M154.916571 159.890286h1609.142858v707.364571h-1609.142858z" fill="#FFFFFF" p-id="3058"></path><path class="level-bg" d="M1757.622857 73.142857c24.795429 0 49.517714 24.722286 43.373714 49.444572v747.446857a48.859429 48.859429 0 0 1-49.590857 49.371428H122.660571A48.786286 48.786286 0 0 1 73.142857 870.034286V209.042286c0-24.722286 18.578286-49.444571 49.517714-49.444572h1021.805715v-37.010285c0-24.722286 18.651429-49.444571 49.590857-49.444572h563.565714zM710.948571 264.630857h-49.517714c-18.578286 0-37.156571 18.578286-37.156571 37.083429v309.248c0.146286 13.238857 0.877714 26.770286 6.217143 30.500571l173.348571 172.909714c12.434286 12.434286 43.373714 12.434286 43.373714 12.434286h1.097143c5.558857-0.219429 31.232-1.462857 42.276572-12.434286l185.782857-172.909714c6.217143-6.217143 6.217143-18.505143 6.217143-30.866286V307.858286c0-18.505143-18.578286-37.010286-37.156572-37.010286h-49.517714c-18.651429 0-37.229714 18.505143-37.229714 37.010286v277.942857l-105.325715 105.033143L748.251429 585.874286V301.714286c0-18.505143-18.651429-37.083429-37.156572-37.083429z m-445.878857 0h-49.590857c-18.578286 0-37.156571 18.578286-37.156571 37.083429v488.009143c0 18.505143 18.578286 37.010286 37.156571 37.010285h297.325714c18.578286 0 37.156571-18.505143 37.156572-37.010285v-49.444572c0-18.578286-18.578286-37.083429-37.156572-37.083428h-210.651428v-401.554286c0-18.432-18.505143-37.010286-37.083429-37.010286z m1065.179429-92.672h-49.517714c-18.578286 0-37.083429 18.505143-37.083429 37.010286v315.026286c0 18.578286 18.505143 37.083429 37.083429 37.083428h297.252571v228.571429c0 18.505143 18.578286 37.083429 37.229714 37.083428h49.517715c18.578286 0 37.156571-18.578286 37.156571-37.083428V208.969143c0-18.505143-18.578286-37.010286-37.156571-37.010286h-49.517715c-18.651429 0-37.229714 18.505143-37.229714 37.010286v228.571428h-210.505143V208.969143c0-18.505143-18.651429-37.010286-37.229714-37.010286z" fill="#FEBB8B" p-id="3059"></path></svg></div></a><div class="level-item__text">当前成长2165，距离升级Lv.4 还需要2335 </div><!----></div><div class="counts-item"><a class="single-count-item" href="//space.bilibili.com/396021530/fans/follow" target="_blank"><div class="count-num">5</div><div class="count-text">关注</div></a><a class="single-count-item" href="//space.bilibili.com/396021530/fans/fans" target="_blank"><div class="count-num">0</div><div class="count-text">粉丝</div></a><a class="single-count-item" href="//space.bilibili.com/396021530/dynamic" target="_blank"><div class="count-num">4</div><div class="count-text">动态</div></a></div>
   <div class="links-item"><!----><a  class="single-link-item" >
   <div class="link-title"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-icon"><rect opacity="0.01" width="18" height="18" fill="white"></rect><path d="M12.1146 9.48983C13.2763 8.63331 14.0299 7.2548 14.0299 5.7035C14.0299 3.11005 11.9198 1 9.32636 1C6.73291 1 4.62286 3.11005 4.62286 5.7035C4.62286 7.2548 5.37829 8.63331 6.53808 9.48983C3.87662 10.589 2 13.2118 2 16.2648C2 16.671 2.32901 17 2.73521 17C3.14141 17 3.47042 16.671 3.47042 16.2648C3.47042 13.0335 6.09879 10.407 9.3282 10.407C12.5576 10.407 15.186 13.0354 15.186 16.2648C15.186 16.671 15.515 17 15.9212 17C16.3274 17 16.6564 16.671 16.6564 16.2648C16.6546 13.2118 14.7761 10.589 12.1146 9.48983ZM6.09144 5.7035C6.09144 3.91878 7.54348 2.46858 9.32636 2.46858C11.1092 2.46858 12.5613 3.92062 12.5613 5.7035C12.5613 7.48639 11.1092 8.93843 9.32636 8.93843C7.54348 8.93843 6.09144 7.48639 6.09144 5.7035Z" fill="var(--text2)"></path></svg><span>个人中心</span><!----></div><svg width="10" height="10" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-icon--right"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.50588 3.40623C7.40825 3.3086 7.24996 3.3086 7.15232 3.40623L4.41244 6.14612L1.67255 3.40623C1.57491 3.3086 1.41662 3.3086 1.31899 3.40623C1.22136 3.50386 1.22136 3.66215 1.31899 3.75978L4.11781 6.5586C4.28053 6.72132 4.54434 6.72132 4.70706 6.5586L7.50588 3.75978C7.60351 3.66215 7.60351 3.50386 7.50588 3.40623Z" fill="currentColor"></path><path d="M7.15232 3.40623L7.50588 3.75978L7.50588 3.75978L7.15232 3.40623ZM7.50588 3.40623L7.15232 3.75978L7.15233 3.75978L7.50588 3.40623ZM4.41244 6.14612L4.05888 6.49967C4.15265 6.59344 4.27983 6.64612 4.41244 6.64612C4.54504 6.64612 4.67222 6.59344 4.76599 6.49967L4.41244 6.14612ZM1.67255 3.40623L2.0261 3.05268L2.0261 3.05268L1.67255 3.40623ZM1.31899 3.40623L0.965439 3.05268L0.965439 3.05268L1.31899 3.40623ZM1.31899 3.75978L1.67255 3.40623V3.40623L1.31899 3.75978ZM4.11781 6.5586L3.76425 6.91215L4.11781 6.5586ZM4.70706 6.5586L4.35351 6.20505L4.70706 6.5586ZM7.50588 3.75978L7.15233 3.40623L7.15232 3.40623L7.50588 3.75978ZM7.50588 3.75978C7.40825 3.85742 7.24996 3.85742 7.15232 3.75978L7.85943 3.05268C7.56654 2.75978 7.09166 2.75978 6.79877 3.05268L7.50588 3.75978ZM4.76599 6.49967L7.50588 3.75978L6.79877 3.05268L4.05888 5.79257L4.76599 6.49967ZM1.31899 3.75978L4.05888 6.49967L4.76599 5.79257L2.0261 3.05268L1.31899 3.75978ZM1.67254 3.75979C1.57491 3.85742 1.41662 3.85742 1.31899 3.75979L2.0261 3.05268C1.73321 2.75978 1.25833 2.75978 0.965439 3.05268L1.67254 3.75979ZM1.67255 3.40623C1.77018 3.50386 1.77018 3.66215 1.67255 3.75978L0.965439 3.05268C0.672546 3.34557 0.672546 3.82044 0.965439 4.11334L1.67255 3.40623ZM4.47136 6.20505L1.67255 3.40623L0.965439 4.11334L3.76425 6.91215L4.47136 6.20505ZM4.35351 6.20505C4.38605 6.1725 4.43882 6.1725 4.47136 6.20505L3.76425 6.91215C4.12223 7.27013 4.70264 7.27013 5.06062 6.91215L4.35351 6.20505ZM7.15232 3.40623L4.35351 6.20505L5.06062 6.91215L7.85943 4.11334L7.15232 3.40623ZM7.15233 3.75978C7.05469 3.66215 7.05469 3.50386 7.15233 3.40623L7.85943 4.11334C8.15233 3.82045 8.15233 3.34557 7.85943 3.05268L7.15233 3.75978Z" fill="currentColor"></path></svg></a><a href="https://member.bilibili.com/v2#/upload-manager/article" class="single-link-item" target="_blank"><div class="link-title"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-icon"><rect opacity="0.01" width="18" height="18" fill="#C4C4C4"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M3.375 1.875H10.875C12.739 1.875 14.25 3.38604 14.25 5.25V7.875V8.625C14.25 9.03921 14.5858 9.375 15 9.375C15.4142 9.375 15.75 9.03921 15.75 8.625V7.875V5.25C15.75 2.55761 13.5674 0.375 10.875 0.375H3.375C2.33947 0.375 1.5 1.21447 1.5 2.25V15C1.5 16.0355 2.33947 16.875 3.375 16.875H6.75H7.5C7.91421 16.875 8.25 16.5392 8.25 16.125C8.25 15.7108 7.91421 15.375 7.5 15.375H6.75H3.375C3.16789 15.375 3 15.2071 3 15V2.25C3 2.04289 3.16789 1.875 3.375 1.875ZM10.4 8.51962C10.8 8.28868 10.8 7.71132 10.4 7.48038L7.7 5.92154C7.3 5.6906 6.8 5.97927 6.8 6.44115V9.55885C6.8 10.0207 7.3 10.3094 7.7 10.0785L10.4 8.51962ZM15.518 14.2511L14.3215 16.3234H11.9285L10.7321 14.2511L11.9285 12.1787H14.3215L15.518 14.2511ZM16.817 13.5011C17.0849 13.9652 17.0849 14.537 16.817 15.0011L15.6205 17.0734C15.3526 17.5375 14.8574 17.8234 14.3215 17.8234H11.9285C11.3926 17.8234 10.8974 17.5375 10.6295 17.0734L9.43302 15.0011C9.16507 14.537 9.16507 13.9652 9.43302 13.5011L10.6295 11.4287C10.8974 10.9646 11.3926 10.6787 11.9285 10.6787H14.3215C14.8574 10.6787 15.3526 10.9646 15.6205 11.4287L16.817 13.5011ZM13.125 13.3125C12.6072 13.3125 12.1875 13.7322 12.1875 14.25C12.1875 14.7678 12.6072 15.1875 13.125 15.1875C13.6428 15.1875 14.0625 14.7678 14.0625 14.25C14.0625 13.7322 13.6428 13.3125 13.125 13.3125Z" fill="var(--text2)"></path></svg><span>投稿管理</span><!----></div><svg width="10" height="10" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-icon--right"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.50588 3.40623C7.40825 3.3086 7.24996 3.3086 7.15232 3.40623L4.41244 6.14612L1.67255 3.40623C1.57491 3.3086 1.41662 3.3086 1.31899 3.40623C1.22136 3.50386 1.22136 3.66215 1.31899 3.75978L4.11781 6.5586C4.28053 6.72132 4.54434 6.72132 4.70706 6.5586L7.50588 3.75978C7.60351 3.66215 7.60351 3.50386 7.50588 3.40623Z" fill="currentColor"></path><path d="M7.15232 3.40623L7.50588 3.75978L7.50588 3.75978L7.15232 3.40623ZM7.50588 3.40623L7.15232 3.75978L7.15233 3.75978L7.50588 3.40623ZM4.41244 6.14612L4.05888 6.49967C4.15265 6.59344 4.27983 6.64612 4.41244 6.64612C4.54504 6.64612 4.67222 6.59344 4.76599 6.49967L4.41244 6.14612ZM1.67255 3.40623L2.0261 3.05268L2.0261 3.05268L1.67255 3.40623ZM1.31899 3.40623L0.965439 3.05268L0.965439 3.05268L1.31899 3.40623ZM1.31899 3.75978L1.67255 3.40623V3.40623L1.31899 3.75978ZM4.11781 6.5586L3.76425 6.91215L4.11781 6.5586ZM4.70706 6.5586L4.35351 6.20505L4.70706 6.5586ZM7.50588 3.75978L7.15233 3.40623L7.15232 3.40623L7.50588 3.75978ZM7.50588 3.75978C7.40825 3.85742 7.24996 3.85742 7.15232 3.75978L7.85943 3.05268C7.56654 2.75978 7.09166 2.75978 6.79877 3.05268L7.50588 3.75978ZM4.76599 6.49967L7.50588 3.75978L6.79877 3.05268L4.05888 5.79257L4.76599 6.49967ZM1.31899 3.75978L4.05888 6.49967L4.76599 5.79257L2.0261 3.05268L1.31899 3.75978ZM1.67254 3.75979C1.57491 3.85742 1.41662 3.85742 1.31899 3.75979L2.0261 3.05268C1.73321 2.75978 1.25833 2.75978 0.965439 3.05268L1.67254 3.75979ZM1.67255 3.40623C1.77018 3.50386 1.77018 3.66215 1.67255 3.75978L0.965439 3.05268C0.672546 3.34557 0.672546 3.82044 0.965439 4.11334L1.67255 3.40623ZM4.47136 6.20505L1.67255 3.40623L0.965439 4.11334L3.76425 6.91215L4.47136 6.20505ZM4.35351 6.20505C4.38605 6.1725 4.43882 6.1725 4.47136 6.20505L3.76425 6.91215C4.12223 7.27013 4.70264 7.27013 5.06062 6.91215L4.35351 6.20505ZM7.15232 3.40623L4.35351 6.20505L5.06062 6.91215L7.85943 4.11334L7.15232 3.40623ZM7.15233 3.75978C7.05469 3.66215 7.05469 3.50386 7.15233 3.40623L7.85943 4.11334C8.15233 3.82045 8.15233 3.34557 7.85943 3.05268L7.15233 3.75978Z" fill="currentColor"></path></svg></a>
   <div class="v-popover-wrap"><a class="single-link-item" ><div class="link-title"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-icon"><path d="M7.76269 1.80538C8.3585 0.936022 9.6415 0.936021 10.2373 1.80538L11.8725 4.19132C12.0675 4.47592 12.3547 4.68457 12.6857 4.78213L15.4601 5.59999C16.4711 5.89799 16.8675 7.11819 16.2248 7.95349L14.461 10.2459C14.2506 10.5194 14.1409 10.857 14.1504 11.2019L14.2299 14.0933C14.2589 15.1468 13.2209 15.901 12.2279 15.5478L9.50257 14.5787C9.1775 14.4631 8.82251 14.4631 8.49743 14.5787L5.77211 15.5478C4.7791 15.901 3.74113 15.1468 3.77011 14.0933L3.84963 11.2019C3.85912 10.857 3.74942 10.5194 3.53902 10.2459L1.77516 7.95349C1.13247 7.11819 1.52893 5.89799 2.53986 5.59999L5.31432 4.78213C5.64526 4.68457 5.93246 4.47592 6.1275 4.19132L7.76269 1.80538Z" stroke="var(--text2)" stroke-width="1.6"></path><path d="M8.64131 6.72679C8.78803 6.4295 9.21197 6.4295 9.35869 6.72679L9.78861 7.5979C9.84687 7.71595 9.9595 7.79778 10.0898 7.81671L11.0511 7.9564C11.3792 8.00408 11.5102 8.40726 11.2728 8.63868L10.5772 9.31674C10.4829 9.40863 10.4399 9.54103 10.4621 9.67079L10.6263 10.6282C10.6824 10.955 10.3394 11.2042 10.046 11.0499L9.18614 10.5979C9.06961 10.5366 8.93039 10.5366 8.81386 10.5979L7.95403 11.0499C7.66058 11.2042 7.31761 10.955 7.37365 10.6282L7.53787 9.67079C7.56012 9.54103 7.5171 9.40863 7.42283 9.31674L6.72721 8.63868C6.4898 8.40727 6.62081 8.00408 6.9489 7.9564L7.91022 7.81671C8.0405 7.79778 8.15313 7.71596 8.21139 7.5979L8.64131 6.72679Z" fill="var(--text2)"></path></svg><span>推荐服务</span><!----></div><svg width="10" height="10" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-icon--right"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.50588 3.40623C7.40825 3.3086 7.24996 3.3086 7.15232 3.40623L4.41244 6.14612L1.67255 3.40623C1.57491 3.3086 1.41662 3.3086 1.31899 3.40623C1.22136 3.50386 1.22136 3.66215 1.31899 3.75978L4.11781 6.5586C4.28053 6.72132 4.54434 6.72132 4.70706 6.5586L7.50588 3.75978C7.60351 3.66215 7.60351 3.50386 7.50588 3.40623Z" fill="currentColor"></path><path d="M7.15232 3.40623L7.50588 3.75978L7.50588 3.75978L7.15232 3.40623ZM7.50588 3.40623L7.15232 3.75978L7.15233 3.75978L7.50588 3.40623ZM4.41244 6.14612L4.05888 6.49967C4.15265 6.59344 4.27983 6.64612 4.41244 6.64612C4.54504 6.64612 4.67222 6.59344 4.76599 6.49967L4.41244 6.14612ZM1.67255 3.40623L2.0261 3.05268L2.0261 3.05268L1.67255 3.40623ZM1.31899 3.40623L0.965439 3.05268L0.965439 3.05268L1.31899 3.40623ZM1.31899 3.75978L1.67255 3.40623V3.40623L1.31899 3.75978ZM4.11781 6.5586L3.76425 6.91215L4.11781 6.5586ZM4.70706 6.5586L4.35351 6.20505L4.70706 6.5586ZM7.50588 3.75978L7.15233 3.40623L7.15232 3.40623L7.50588 3.75978ZM7.50588 3.75978C7.40825 3.85742 7.24996 3.85742 7.15232 3.75978L7.85943 3.05268C7.56654 2.75978 7.09166 2.75978 6.79877 3.05268L7.50588 3.75978ZM4.76599 6.49967L7.50588 3.75978L6.79877 3.05268L4.05888 5.79257L4.76599 6.49967ZM1.31899 3.75978L4.05888 6.49967L4.76599 5.79257L2.0261 3.05268L1.31899 3.75978ZM1.67254 3.75979C1.57491 3.85742 1.41662 3.85742 1.31899 3.75979L2.0261 3.05268C1.73321 2.75978 1.25833 2.75978 0.965439 3.05268L1.67254 3.75979ZM1.67255 3.40623C1.77018 3.50386 1.77018 3.66215 1.67255 3.75978L0.965439 3.05268C0.672546 3.34557 0.672546 3.82044 0.965439 4.11334L1.67255 3.40623ZM4.47136 6.20505L1.67255 3.40623L0.965439 4.11334L3.76425 6.91215L4.47136 6.20505ZM4.35351 6.20505C4.38605 6.1725 4.43882 6.1725 4.47136 6.20505L3.76425 6.91215C4.12223 7.27013 4.70264 7.27013 5.06062 6.91215L4.35351 6.20505ZM7.15232 3.40623L4.35351 6.20505L5.06062 6.91215L7.85943 4.11334L7.15232 3.40623ZM7.15233 3.75978C7.05469 3.66215 7.05469 3.50386 7.15233 3.40623L7.85943 4.11334C8.15233 3.82045 8.15233 3.34557 7.85943 3.05268L7.15233 3.75978Z" fill="currentColor"></path></svg></a><!----></div></div><div class="split-line"></div><div class="logout-item"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="link-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.6137 9.30115C17.6932 9.10837 17.6932 8.89282 17.6137 8.70004C17.5743 8.60393 17.5165 8.51726 17.4443 8.44504L15.2221 6.22282C14.9148 5.9156 14.4176 5.91615 14.111 6.22282C13.8043 6.52948 13.8037 7.02671 14.111 7.33393L14.9921 8.21504L7.99985 8.21504C7.56596 8.21448 7.21429 8.56615 7.21429 9.00059C7.21429 9.21726 7.30207 9.41393 7.44429 9.55615C7.58651 9.69837 7.78318 9.78615 7.99985 9.78615L14.9921 9.78615L14.111 10.6673C13.8043 10.9739 13.8037 11.4712 14.111 11.7784C14.4182 12.0856 14.9154 12.085 15.2221 11.7784L17.4443 9.55615C17.5165 9.48393 17.5743 9.39726 17.6137 9.30115" fill="var(--text2)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11.8889 5.11111C9.74127 2.96349 6.25873 2.96349 4.11111 5.11111C1.96349 7.25873 1.96349 10.7413 4.11111 12.8889C6.25873 15.0365 9.74127 15.0365 11.8889 12.8889C12.1957 12.5821 12.6932 12.5821 13 12.8889C13.3068 13.1957 13.3068 13.6932 13 14C10.2387 16.7613 5.76127 16.7613 3 14C0.238731 11.2387 0.23873 6.76127 3 4C5.76127 1.23873 10.2387 1.23873 13 4C13.3068 4.30683 13.3068 4.80429 13 5.11111C12.6932 5.41794 12.1957 5.41794 11.8889 5.11111Z" fill="var(--text2)"></path></svg><span>退出登录</span></div></div></div>
   </div>


   <li class="v-popover-wrap">
    <a  class="right-entry__outside right-entry--vip">
    <!-- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="right-entry-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 1C5.02955 1 1 5.02955 1 10C1 14.9705 5.02955 19 10 19C14.9705 19 19 14.9705 19 10C19 5.02955 14.9705 1 10 1ZM10.0006 2.63614C14.0612 2.63614 17.3642 5.93996 17.3642 9.99977C17.3642 14.0604 14.0612 17.3634 10.0006 17.3634C5.93996 17.3634 2.63696 14.0604 2.63696 9.99977C2.63696 5.93996 5.93996 2.63614 10.0006 2.63614Z" fill="currentColor"></path><path d="M13.1381 8.05573V8.05331H10.7706C10.7859 7.8643 10.7948 7.67286 10.7948 7.47981C10.7948 7.26414 10.7843 7.05008 10.7649 6.83926C10.7658 6.82552 10.7674 6.81179 10.7674 6.79725V6.79483C10.7674 6.35541 10.4111 6 9.97254 6C9.53312 6 9.17771 6.35622 9.17771 6.79483V6.79725C9.17771 6.85137 9.18336 6.90468 9.19386 6.95557L9.18255 6.95719C9.19871 7.12924 9.20759 7.30291 9.20759 7.479C9.20759 7.67286 9.19709 7.8643 9.17771 8.0525H6.74313V8.05573C6.32876 8.08239 6 8.42649 6 8.84814V8.85057C6 9.28998 6.33683 9.64216 6.77544 9.64216C6.80937 9.64216 6.8441 9.64378 6.89903 9.64297L8.7601 9.63893C8.28837 10.7294 7.47011 11.6341 6.44507 12.2149C6.44023 12.2173 6.43619 12.2197 6.43134 12.2229C6.42003 12.2294 6.40953 12.2359 6.39822 12.2423L6.39903 12.2431C6.17528 12.3837 6.02585 12.6325 6.02585 12.916V12.9184C6.02585 13.3578 6.38207 13.7132 6.82068 13.7132C6.99111 13.7132 7.14782 13.6591 7.27706 13.5687C8.7706 12.706 9.9168 11.3094 10.4556 9.64055H13.0105C13.0517 9.64136 13.1131 9.63893 13.1131 9.63893C13.5905 9.62924 13.9039 9.2916 13.9039 8.85299V8.85057C13.9047 8.42003 13.5638 8.07108 13.1381 8.05573Z" fill="currentColor"></path><path d="M13.7731 12.5388C13.7715 12.5356 13.7691 12.5331 13.7674 12.5307C13.74 12.4814 13.7077 12.4362 13.6713 12.3942C13.1584 11.6672 12.513 11.0412 11.7674 10.5541L11.7666 10.555C11.6366 10.4613 11.4766 10.4055 11.3046 10.4055C10.8652 10.4055 10.5098 10.7617 10.5098 11.2003V11.2028C10.5098 11.5033 10.677 11.765 10.9233 11.8999C11.5615 12.3215 12.0825 12.8045 12.4944 13.4499L12.5372 13.5041C12.6786 13.6333 12.866 13.7133 13.0728 13.7133C13.5122 13.7133 13.8676 13.3571 13.8676 12.9184V12.916C13.8668 12.7795 13.8329 12.6511 13.7731 12.5388Z" fill="currentColor"></path></svg>
    <span class="right-entry-text"></span> -->
    </a>
   </li>

 <li class="v-popover-wrap">
    <a  class="right-entry__outside right-entry--vip">
    <!-- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="right-entry-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 1C5.02955 1 1 5.02955 1 10C1 14.9705 5.02955 19 10 19C14.9705 19 19 14.9705 19 10C19 5.02955 14.9705 1 10 1ZM10.0006 2.63614C14.0612 2.63614 17.3642 5.93996 17.3642 9.99977C17.3642 14.0604 14.0612 17.3634 10.0006 17.3634C5.93996 17.3634 2.63696 14.0604 2.63696 9.99977C2.63696 5.93996 5.93996 2.63614 10.0006 2.63614Z" fill="currentColor"></path><path d="M13.1381 8.05573V8.05331H10.7706C10.7859 7.8643 10.7948 7.67286 10.7948 7.47981C10.7948 7.26414 10.7843 7.05008 10.7649 6.83926C10.7658 6.82552 10.7674 6.81179 10.7674 6.79725V6.79483C10.7674 6.35541 10.4111 6 9.97254 6C9.53312 6 9.17771 6.35622 9.17771 6.79483V6.79725C9.17771 6.85137 9.18336 6.90468 9.19386 6.95557L9.18255 6.95719C9.19871 7.12924 9.20759 7.30291 9.20759 7.479C9.20759 7.67286 9.19709 7.8643 9.17771 8.0525H6.74313V8.05573C6.32876 8.08239 6 8.42649 6 8.84814V8.85057C6 9.28998 6.33683 9.64216 6.77544 9.64216C6.80937 9.64216 6.8441 9.64378 6.89903 9.64297L8.7601 9.63893C8.28837 10.7294 7.47011 11.6341 6.44507 12.2149C6.44023 12.2173 6.43619 12.2197 6.43134 12.2229C6.42003 12.2294 6.40953 12.2359 6.39822 12.2423L6.39903 12.2431C6.17528 12.3837 6.02585 12.6325 6.02585 12.916V12.9184C6.02585 13.3578 6.38207 13.7132 6.82068 13.7132C6.99111 13.7132 7.14782 13.6591 7.27706 13.5687C8.7706 12.706 9.9168 11.3094 10.4556 9.64055H13.0105C13.0517 9.64136 13.1131 9.63893 13.1131 9.63893C13.5905 9.62924 13.9039 9.2916 13.9039 8.85299V8.85057C13.9047 8.42003 13.5638 8.07108 13.1381 8.05573Z" fill="currentColor"></path><path d="M13.7731 12.5388C13.7715 12.5356 13.7691 12.5331 13.7674 12.5307C13.74 12.4814 13.7077 12.4362 13.6713 12.3942C13.1584 11.6672 12.513 11.0412 11.7674 10.5541L11.7666 10.555C11.6366 10.4613 11.4766 10.4055 11.3046 10.4055C10.8652 10.4055 10.5098 10.7617 10.5098 11.2003V11.2028C10.5098 11.5033 10.677 11.765 10.9233 11.8999C11.5615 12.3215 12.0825 12.8045 12.4944 13.4499L12.5372 13.5041C12.6786 13.6333 12.866 13.7133 13.0728 13.7133C13.5122 13.7133 13.8676 13.3571 13.8676 12.9184V12.916C13.8668 12.7795 13.8329 12.6511 13.7731 12.5388Z" fill="currentColor"></path></svg>
    <span class="right-entry-text"></span> -->
    </a>
   </li>

    <li class="v-popover-wrap">
    <a  class="right-entry__outside right-entry--vip">
    <!-- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="right-entry-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 1C5.02955 1 1 5.02955 1 10C1 14.9705 5.02955 19 10 19C14.9705 19 19 14.9705 19 10C19 5.02955 14.9705 1 10 1ZM10.0006 2.63614C14.0612 2.63614 17.3642 5.93996 17.3642 9.99977C17.3642 14.0604 14.0612 17.3634 10.0006 17.3634C5.93996 17.3634 2.63696 14.0604 2.63696 9.99977C2.63696 5.93996 5.93996 2.63614 10.0006 2.63614Z" fill="currentColor"></path><path d="M13.1381 8.05573V8.05331H10.7706C10.7859 7.8643 10.7948 7.67286 10.7948 7.47981C10.7948 7.26414 10.7843 7.05008 10.7649 6.83926C10.7658 6.82552 10.7674 6.81179 10.7674 6.79725V6.79483C10.7674 6.35541 10.4111 6 9.97254 6C9.53312 6 9.17771 6.35622 9.17771 6.79483V6.79725C9.17771 6.85137 9.18336 6.90468 9.19386 6.95557L9.18255 6.95719C9.19871 7.12924 9.20759 7.30291 9.20759 7.479C9.20759 7.67286 9.19709 7.8643 9.17771 8.0525H6.74313V8.05573C6.32876 8.08239 6 8.42649 6 8.84814V8.85057C6 9.28998 6.33683 9.64216 6.77544 9.64216C6.80937 9.64216 6.8441 9.64378 6.89903 9.64297L8.7601 9.63893C8.28837 10.7294 7.47011 11.6341 6.44507 12.2149C6.44023 12.2173 6.43619 12.2197 6.43134 12.2229C6.42003 12.2294 6.40953 12.2359 6.39822 12.2423L6.39903 12.2431C6.17528 12.3837 6.02585 12.6325 6.02585 12.916V12.9184C6.02585 13.3578 6.38207 13.7132 6.82068 13.7132C6.99111 13.7132 7.14782 13.6591 7.27706 13.5687C8.7706 12.706 9.9168 11.3094 10.4556 9.64055H13.0105C13.0517 9.64136 13.1131 9.63893 13.1131 9.63893C13.5905 9.62924 13.9039 9.2916 13.9039 8.85299V8.85057C13.9047 8.42003 13.5638 8.07108 13.1381 8.05573Z" fill="currentColor"></path><path d="M13.7731 12.5388C13.7715 12.5356 13.7691 12.5331 13.7674 12.5307C13.74 12.4814 13.7077 12.4362 13.6713 12.3942C13.1584 11.6672 12.513 11.0412 11.7674 10.5541L11.7666 10.555C11.6366 10.4613 11.4766 10.4055 11.3046 10.4055C10.8652 10.4055 10.5098 10.7617 10.5098 11.2003V11.2028C10.5098 11.5033 10.677 11.765 10.9233 11.8999C11.5615 12.3215 12.0825 12.8045 12.4944 13.4499L12.5372 13.5041C12.6786 13.6333 12.866 13.7133 13.0728 13.7133C13.5122 13.7133 13.8676 13.3571 13.8676 12.9184V12.916C13.8668 12.7795 13.8329 12.6511 13.7731 12.5388Z" fill="currentColor"></path></svg>
    <span class="right-entry-text"></span> -->
    </a>
   </li>

<li class="v-popover-wrap">
    <a  class="right-entry__outside right-entry--vip">
    <!-- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="right-entry-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 1C5.02955 1 1 5.02955 1 10C1 14.9705 5.02955 19 10 19C14.9705 19 19 14.9705 19 10C19 5.02955 14.9705 1 10 1ZM10.0006 2.63614C14.0612 2.63614 17.3642 5.93996 17.3642 9.99977C17.3642 14.0604 14.0612 17.3634 10.0006 17.3634C5.93996 17.3634 2.63696 14.0604 2.63696 9.99977C2.63696 5.93996 5.93996 2.63614 10.0006 2.63614Z" fill="currentColor"></path><path d="M13.1381 8.05573V8.05331H10.7706C10.7859 7.8643 10.7948 7.67286 10.7948 7.47981C10.7948 7.26414 10.7843 7.05008 10.7649 6.83926C10.7658 6.82552 10.7674 6.81179 10.7674 6.79725V6.79483C10.7674 6.35541 10.4111 6 9.97254 6C9.53312 6 9.17771 6.35622 9.17771 6.79483V6.79725C9.17771 6.85137 9.18336 6.90468 9.19386 6.95557L9.18255 6.95719C9.19871 7.12924 9.20759 7.30291 9.20759 7.479C9.20759 7.67286 9.19709 7.8643 9.17771 8.0525H6.74313V8.05573C6.32876 8.08239 6 8.42649 6 8.84814V8.85057C6 9.28998 6.33683 9.64216 6.77544 9.64216C6.80937 9.64216 6.8441 9.64378 6.89903 9.64297L8.7601 9.63893C8.28837 10.7294 7.47011 11.6341 6.44507 12.2149C6.44023 12.2173 6.43619 12.2197 6.43134 12.2229C6.42003 12.2294 6.40953 12.2359 6.39822 12.2423L6.39903 12.2431C6.17528 12.3837 6.02585 12.6325 6.02585 12.916V12.9184C6.02585 13.3578 6.38207 13.7132 6.82068 13.7132C6.99111 13.7132 7.14782 13.6591 7.27706 13.5687C8.7706 12.706 9.9168 11.3094 10.4556 9.64055H13.0105C13.0517 9.64136 13.1131 9.63893 13.1131 9.63893C13.5905 9.62924 13.9039 9.2916 13.9039 8.85299V8.85057C13.9047 8.42003 13.5638 8.07108 13.1381 8.05573Z" fill="currentColor"></path><path d="M13.7731 12.5388C13.7715 12.5356 13.7691 12.5331 13.7674 12.5307C13.74 12.4814 13.7077 12.4362 13.6713 12.3942C13.1584 11.6672 12.513 11.0412 11.7674 10.5541L11.7666 10.555C11.6366 10.4613 11.4766 10.4055 11.3046 10.4055C10.8652 10.4055 10.5098 10.7617 10.5098 11.2003V11.2028C10.5098 11.5033 10.677 11.765 10.9233 11.8999C11.5615 12.3215 12.0825 12.8045 12.4944 13.4499L12.5372 13.5041C12.6786 13.6333 12.866 13.7133 13.0728 13.7133C13.5122 13.7133 13.8676 13.3571 13.8676 12.9184V12.916C13.8668 12.7795 13.8329 12.6511 13.7731 12.5388Z" fill="currentColor"></path></svg>
    <span class="right-entry-text"></span> -->
    </a>
   </li>

   <li class="v-popover-wrap">
    <a  class="right-entry__outside right-entry--vip">
    <!-- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="right-entry-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 1C5.02955 1 1 5.02955 1 10C1 14.9705 5.02955 19 10 19C14.9705 19 19 14.9705 19 10C19 5.02955 14.9705 1 10 1ZM10.0006 2.63614C14.0612 2.63614 17.3642 5.93996 17.3642 9.99977C17.3642 14.0604 14.0612 17.3634 10.0006 17.3634C5.93996 17.3634 2.63696 14.0604 2.63696 9.99977C2.63696 5.93996 5.93996 2.63614 10.0006 2.63614Z" fill="currentColor"></path><path d="M13.1381 8.05573V8.05331H10.7706C10.7859 7.8643 10.7948 7.67286 10.7948 7.47981C10.7948 7.26414 10.7843 7.05008 10.7649 6.83926C10.7658 6.82552 10.7674 6.81179 10.7674 6.79725V6.79483C10.7674 6.35541 10.4111 6 9.97254 6C9.53312 6 9.17771 6.35622 9.17771 6.79483V6.79725C9.17771 6.85137 9.18336 6.90468 9.19386 6.95557L9.18255 6.95719C9.19871 7.12924 9.20759 7.30291 9.20759 7.479C9.20759 7.67286 9.19709 7.8643 9.17771 8.0525H6.74313V8.05573C6.32876 8.08239 6 8.42649 6 8.84814V8.85057C6 9.28998 6.33683 9.64216 6.77544 9.64216C6.80937 9.64216 6.8441 9.64378 6.89903 9.64297L8.7601 9.63893C8.28837 10.7294 7.47011 11.6341 6.44507 12.2149C6.44023 12.2173 6.43619 12.2197 6.43134 12.2229C6.42003 12.2294 6.40953 12.2359 6.39822 12.2423L6.39903 12.2431C6.17528 12.3837 6.02585 12.6325 6.02585 12.916V12.9184C6.02585 13.3578 6.38207 13.7132 6.82068 13.7132C6.99111 13.7132 7.14782 13.6591 7.27706 13.5687C8.7706 12.706 9.9168 11.3094 10.4556 9.64055H13.0105C13.0517 9.64136 13.1131 9.63893 13.1131 9.63893C13.5905 9.62924 13.9039 9.2916 13.9039 8.85299V8.85057C13.9047 8.42003 13.5638 8.07108 13.1381 8.05573Z" fill="currentColor"></path><path d="M13.7731 12.5388C13.7715 12.5356 13.7691 12.5331 13.7674 12.5307C13.74 12.4814 13.7077 12.4362 13.6713 12.3942C13.1584 11.6672 12.513 11.0412 11.7674 10.5541L11.7666 10.555C11.6366 10.4613 11.4766 10.4055 11.3046 10.4055C10.8652 10.4055 10.5098 10.7617 10.5098 11.2003V11.2028C10.5098 11.5033 10.677 11.765 10.9233 11.8999C11.5615 12.3215 12.0825 12.8045 12.4944 13.4499L12.5372 13.5041C12.6786 13.6333 12.866 13.7133 13.0728 13.7133C13.5122 13.7133 13.8676 13.3571 13.8676 12.9184V12.916C13.8668 12.7795 13.8329 12.6511 13.7731 12.5388Z" fill="currentColor"></path></svg>
    <span class="right-entry-text"></span> -->
    </a>
   </li>

   <li class="v-popover-wrap">
    <a  target="_blank" class="right-entry__outside right-entry--vip">
    <!-- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="right-entry-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 1C5.02955 1 1 5.02955 1 10C1 14.9705 5.02955 19 10 19C14.9705 19 19 14.9705 19 10C19 5.02955 14.9705 1 10 1ZM10.0006 2.63614C14.0612 2.63614 17.3642 5.93996 17.3642 9.99977C17.3642 14.0604 14.0612 17.3634 10.0006 17.3634C5.93996 17.3634 2.63696 14.0604 2.63696 9.99977C2.63696 5.93996 5.93996 2.63614 10.0006 2.63614Z" fill="currentColor"></path><path d="M13.1381 8.05573V8.05331H10.7706C10.7859 7.8643 10.7948 7.67286 10.7948 7.47981C10.7948 7.26414 10.7843 7.05008 10.7649 6.83926C10.7658 6.82552 10.7674 6.81179 10.7674 6.79725V6.79483C10.7674 6.35541 10.4111 6 9.97254 6C9.53312 6 9.17771 6.35622 9.17771 6.79483V6.79725C9.17771 6.85137 9.18336 6.90468 9.19386 6.95557L9.18255 6.95719C9.19871 7.12924 9.20759 7.30291 9.20759 7.479C9.20759 7.67286 9.19709 7.8643 9.17771 8.0525H6.74313V8.05573C6.32876 8.08239 6 8.42649 6 8.84814V8.85057C6 9.28998 6.33683 9.64216 6.77544 9.64216C6.80937 9.64216 6.8441 9.64378 6.89903 9.64297L8.7601 9.63893C8.28837 10.7294 7.47011 11.6341 6.44507 12.2149C6.44023 12.2173 6.43619 12.2197 6.43134 12.2229C6.42003 12.2294 6.40953 12.2359 6.39822 12.2423L6.39903 12.2431C6.17528 12.3837 6.02585 12.6325 6.02585 12.916V12.9184C6.02585 13.3578 6.38207 13.7132 6.82068 13.7132C6.99111 13.7132 7.14782 13.6591 7.27706 13.5687C8.7706 12.706 9.9168 11.3094 10.4556 9.64055H13.0105C13.0517 9.64136 13.1131 9.63893 13.1131 9.63893C13.5905 9.62924 13.9039 9.2916 13.9039 8.85299V8.85057C13.9047 8.42003 13.5638 8.07108 13.1381 8.05573Z" fill="currentColor"></path><path d="M13.7731 12.5388C13.7715 12.5356 13.7691 12.5331 13.7674 12.5307C13.74 12.4814 13.7077 12.4362 13.6713 12.3942C13.1584 11.6672 12.513 11.0412 11.7674 10.5541L11.7666 10.555C11.6366 10.4613 11.4766 10.4055 11.3046 10.4055C10.8652 10.4055 10.5098 10.7617 10.5098 11.2003V11.2028C10.5098 11.5033 10.677 11.765 10.9233 11.8999C11.5615 12.3215 12.0825 12.8045 12.4944 13.4499L12.5372 13.5041C12.6786 13.6333 12.866 13.7133 13.0728 13.7133C13.5122 13.7133 13.8676 13.3571 13.8676 12.9184V12.916C13.8668 12.7795 13.8329 12.6511 13.7731 12.5388Z" fill="currentColor"></path></svg>
    <span class="right-entry-text"></span> -->
    </a>
   </li>
   <li class="v-popover-wrap">
    <a  class="right-entry__outside right-entry--vip">
    <!-- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="right-entry-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 1C5.02955 1 1 5.02955 1 10C1 14.9705 5.02955 19 10 19C14.9705 19 19 14.9705 19 10C19 5.02955 14.9705 1 10 1ZM10.0006 2.63614C14.0612 2.63614 17.3642 5.93996 17.3642 9.99977C17.3642 14.0604 14.0612 17.3634 10.0006 17.3634C5.93996 17.3634 2.63696 14.0604 2.63696 9.99977C2.63696 5.93996 5.93996 2.63614 10.0006 2.63614Z" fill="currentColor"></path><path d="M13.1381 8.05573V8.05331H10.7706C10.7859 7.8643 10.7948 7.67286 10.7948 7.47981C10.7948 7.26414 10.7843 7.05008 10.7649 6.83926C10.7658 6.82552 10.7674 6.81179 10.7674 6.79725V6.79483C10.7674 6.35541 10.4111 6 9.97254 6C9.53312 6 9.17771 6.35622 9.17771 6.79483V6.79725C9.17771 6.85137 9.18336 6.90468 9.19386 6.95557L9.18255 6.95719C9.19871 7.12924 9.20759 7.30291 9.20759 7.479C9.20759 7.67286 9.19709 7.8643 9.17771 8.0525H6.74313V8.05573C6.32876 8.08239 6 8.42649 6 8.84814V8.85057C6 9.28998 6.33683 9.64216 6.77544 9.64216C6.80937 9.64216 6.8441 9.64378 6.89903 9.64297L8.7601 9.63893C8.28837 10.7294 7.47011 11.6341 6.44507 12.2149C6.44023 12.2173 6.43619 12.2197 6.43134 12.2229C6.42003 12.2294 6.40953 12.2359 6.39822 12.2423L6.39903 12.2431C6.17528 12.3837 6.02585 12.6325 6.02585 12.916V12.9184C6.02585 13.3578 6.38207 13.7132 6.82068 13.7132C6.99111 13.7132 7.14782 13.6591 7.27706 13.5687C8.7706 12.706 9.9168 11.3094 10.4556 9.64055H13.0105C13.0517 9.64136 13.1131 9.63893 13.1131 9.63893C13.5905 9.62924 13.9039 9.2916 13.9039 8.85299V8.85057C13.9047 8.42003 13.5638 8.07108 13.1381 8.05573Z" fill="currentColor"></path><path d="M13.7731 12.5388C13.7715 12.5356 13.7691 12.5331 13.7674 12.5307C13.74 12.4814 13.7077 12.4362 13.6713 12.3942C13.1584 11.6672 12.513 11.0412 11.7674 10.5541L11.7666 10.555C11.6366 10.4613 11.4766 10.4055 11.3046 10.4055C10.8652 10.4055 10.5098 10.7617 10.5098 11.2003V11.2028C10.5098 11.5033 10.677 11.765 10.9233 11.8999C11.5615 12.3215 12.0825 12.8045 12.4944 13.4499L12.5372 13.5041C12.6786 13.6333 12.866 13.7133 13.0728 13.7133C13.5122 13.7133 13.8676 13.3571 13.8676 12.9184V12.916C13.8668 12.7795 13.8329 12.6511 13.7731 12.5388Z" fill="currentColor"></path></svg>
    <span class="right-entry-text"></span> -->
    </a>
   </li>
   <li class="v-popover-wrap">
    <a  class="right-entry__outside right-entry--vip">
    <!-- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="right-entry-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 1C5.02955 1 1 5.02955 1 10C1 14.9705 5.02955 19 10 19C14.9705 19 19 14.9705 19 10C19 5.02955 14.9705 1 10 1ZM10.0006 2.63614C14.0612 2.63614 17.3642 5.93996 17.3642 9.99977C17.3642 14.0604 14.0612 17.3634 10.0006 17.3634C5.93996 17.3634 2.63696 14.0604 2.63696 9.99977C2.63696 5.93996 5.93996 2.63614 10.0006 2.63614Z" fill="currentColor"></path><path d="M13.1381 8.05573V8.05331H10.7706C10.7859 7.8643 10.7948 7.67286 10.7948 7.47981C10.7948 7.26414 10.7843 7.05008 10.7649 6.83926C10.7658 6.82552 10.7674 6.81179 10.7674 6.79725V6.79483C10.7674 6.35541 10.4111 6 9.97254 6C9.53312 6 9.17771 6.35622 9.17771 6.79483V6.79725C9.17771 6.85137 9.18336 6.90468 9.19386 6.95557L9.18255 6.95719C9.19871 7.12924 9.20759 7.30291 9.20759 7.479C9.20759 7.67286 9.19709 7.8643 9.17771 8.0525H6.74313V8.05573C6.32876 8.08239 6 8.42649 6 8.84814V8.85057C6 9.28998 6.33683 9.64216 6.77544 9.64216C6.80937 9.64216 6.8441 9.64378 6.89903 9.64297L8.7601 9.63893C8.28837 10.7294 7.47011 11.6341 6.44507 12.2149C6.44023 12.2173 6.43619 12.2197 6.43134 12.2229C6.42003 12.2294 6.40953 12.2359 6.39822 12.2423L6.39903 12.2431C6.17528 12.3837 6.02585 12.6325 6.02585 12.916V12.9184C6.02585 13.3578 6.38207 13.7132 6.82068 13.7132C6.99111 13.7132 7.14782 13.6591 7.27706 13.5687C8.7706 12.706 9.9168 11.3094 10.4556 9.64055H13.0105C13.0517 9.64136 13.1131 9.63893 13.1131 9.63893C13.5905 9.62924 13.9039 9.2916 13.9039 8.85299V8.85057C13.9047 8.42003 13.5638 8.07108 13.1381 8.05573Z" fill="currentColor"></path><path d="M13.7731 12.5388C13.7715 12.5356 13.7691 12.5331 13.7674 12.5307C13.74 12.4814 13.7077 12.4362 13.6713 12.3942C13.1584 11.6672 12.513 11.0412 11.7674 10.5541L11.7666 10.555C11.6366 10.4613 11.4766 10.4055 11.3046 10.4055C10.8652 10.4055 10.5098 10.7617 10.5098 11.2003V11.2028C10.5098 11.5033 10.677 11.765 10.9233 11.8999C11.5615 12.3215 12.0825 12.8045 12.4944 13.4499L12.5372 13.5041C12.6786 13.6333 12.866 13.7133 13.0728 13.7133C13.5122 13.7133 13.8676 13.3571 13.8676 12.9184V12.916C13.8668 12.7795 13.8329 12.6511 13.7731 12.5388Z" fill="currentColor"></path></svg> -->
    <span class="right-entry-text"></span>
    </a>
   </li>

</ul>
</div>

<div class="bili-header__banner" data-report="banner.taper_test" style="overflow: hidden; transition: height 0.6s linear 0s;">
<picture class="v-img banner-img" id="bili-header-banner-img">
    <source srcset="@/assets/a10dc06f92ff2cf438244d0ed13dba27be88d73f.png@3840w_360h_1c_90q.jpg" type="image/jpg">
    <img src="@/assets/a10dc06f92ff2cf438244d0ed13dba27be88d73f.png@3840w_360h_1c_90q.jpg" alt="" loading="eager" onload="">
</picture>
</div>
<br>

            </div>
        </div>

        <div id="app" class="bangumi-index-wrapper">
<div class="bangumi-index-crumb">
    <ul class="clearfix">
        <li><a  class="biao">全部</a></li>
         <li><a  class="biao">连载小说</a></li>
         <li><a  class="biao">完结小说</a></li>
          <li><a  class="biao">资讯</a></li>
          <li><a  class="biao">官方延伸</a></li>
           <li><a  class="biao">新书时间表</a></li>
           <li class="on"><a  class="biao" >小说索引</a></li></ul> <!----> <!----> <!----> <!----> <!---->
           </div>
<div class="bangumi-index-body clearfix">
<div class="filter-body">
<ul class="bangumi-list clearfix">
<li class="bangumi-item"  v-for="ele in data2" >
<a  class="cover-wrapper" @click="novel1(ele.name)">
<div class="common-lazy-img" >
    <el-image alt="" :src="ele.picture"  lazy="loaded">
    </el-image>
</div>
<div class="shadow" >{{ele.author}}</div>
<span class="corner-tag badge_1" style="background-color: rgb(0, 192, 255);">独家</span>
</a>
<a  class="bangumi-title" @click="novel1(ele.name)" >{{ele.name}}</a>
<p class="pub-info" style="margin:0px;padding:0px" >{{ele.type}}</p>
</li>

</ul>
</div>
</div>
        </div>
    </div>
</template>
<script>
import axios from 'axios'

  export default {
    data() {
      return {

    data2:[
        {type:'全2829章',name:'至尊剑皇 半步沧桑著',author:'1025万次阅读',picture:'https://cq12df.oss-cn-hangzhou.aliyuncs.com/web/83c7c60e-0a74-4864-9664-d94751f0de37.jpg'},
        {type:'全1623章',name:'斗破苍穹 天蚕土豆著',author:'3115万次阅读',picture:'https://cq12df.oss-cn-hangzhou.aliyuncs.com/web/be716daad176c92ccfd0e328f2ee58ad232934.jpg'},
         // {type:'全940章',name:'我娘子一个比一个诡异',author:'105万次阅读',picture:'https://cq12df.oss-cn-hangzhou.aliyuncs.com/tu1/58977070s.jpg'}

    ],
      }},

      created(){
        this.getNovel2();

      },
      methods:{
        iflogin1() {

        let url='http://localhost:8098/iflogin';
        let param = `token=${localStorage.getItem("token")}`;
        axios.post(url,param).then(resp=>{
          let result=resp.data;
          if(result.code===200){


          }else{
           this.$router.push("/login")
          }
        })
        // alert(123)

},
        // 小说id
        novel1(ele){
            this.iflogin1();
            this.$router.push({path:'/novelbook',query:{id:ele}})

        },
        getNovel2(){
            let url='http://localhost:8098/novel2';
            axios.get(url).then(resp=>{
                let result=resp.data;
              
            })
        }
      }
  }



</script>


<style scoped>

a{
    text-decoration: none;
}
/* 导航栏图片 */
.banner-img {
    position: absolute;
    object-fit: cover;
}
.v-img {
    position: relative;
    display: inline-block;
    line-height: 1;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background-color: var(--graph_bg_regular);
}
/* 图片 */
/* 内容小说 */
p {
    display: block;

    margin-left: 0px;
}
.pub-info {
    margin-top: 0px;
    margin-left: -10px;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    color: #99a2aa;
    font-size: 12px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.bangumi-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #222;
    max-height: 44px;
    font-size: 14px;
    margin-top: 10px;
    line-height: 22px;
}
.corner-tag {
    position: absolute;
    width: 60px;
    height: 24px;
    line-height: 24px;
    border-radius: 0 0 0 4px;
    top: 0;
    right: 0;
    font-size: 12px;
    text-align: center;
    background-color: #ffa726;
    color: #fff;
}
.shadow {
    position: absolute;
    padding: 28px 10px 0;
    color: rgb(255, 255, 255);
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    line-height: 1;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;}
img {
    display: block;
    width: 100%;
    height: 100%;
}
.common-lazy-img {
    background: url(//s1.hdslb.com/bfs/static/bangumi-index/asserts/img_loading.png) 50% no-repeat;
    background-size: 50px;
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
}
.cover-wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: 214px;
    border-radius: 4px;
    overflow: hidden;
}
.bangumi-item {
    width: 160px;
    height: 304px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
.bangumi-list {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.biao{
    padding: 0 20px;
    text-decoration: none;
     color: #6d757a;
     text-align: center;
}
.down{
    bottom: 0;
    border: 5px dashed rgba(0,0,0,0);
    display: block;
    position: absolute;
    left: 60px;
    margin: 0 2px;
    width: 0;
    height: 0;

}
.up {
    display: block;
    position: absolute;
    left: 60px;
    margin: 0 2px;
    width: 0;
    height: 0;
    top: 0;
    border: 5px dashed rgba(0,0,0,0);
    border-top: none;
    border-bottom: 5px solid #ddd;
}
.sort-item {
    position: relative;
    width: 80px;
    margin-right: 20px;
    float: left;

    cursor: pointer;
}
.sort-banner {
    height: 44px;
    font-size: 14px;
    line-height: 1;
    position: relative;
}
.filter-body {
    position: relative;
    padding-top: 20px;
    width: 900px;
    float: left;
}
.bangumi-index-body {
    width: 100%;
}
 /* a {

    text-decoration: none;
    outline-width: 0;
    outline-style: none;
    outline-color: invert;
    line-height: 28px;
    font-size: 14px;
    color: #6d757a;
    width: 100%;
    text-align: center;
    padding: 0 20px;
} */
 li {
    display: block;
    float: left;

}

#app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    margin-top: -19px;
}
ul {

    white-space: nowrap;
    list-style: none;
}
.bangumi-index-crumb {
    margin-top: 9px 0 20px;
}
.bangumi-index-wrapper {
    border-top: 1px solid #f4f4f4;
    width: 1160px;
    margin: 0 auto 20px;
}
/* 小说结束 */
.bili-header__banner {
    position: relative;
    z-index: 0;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    min-width: 1000px;
    min-height: 132px;
    height: 9.375vw;
    max-height: 132px;
    background-color: #ffffff;
    background-position: center 0;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 65px;
}
/* 导航右侧 */
.v-popover-content {
    position: relative;
    background-color: #ffffffff;
    box-shadow: 0 0 30px #0000001a;
    border-radius: 8px;
    border: 1px solid var(--line_regular);
    color: var(--text1);
}
.avatar-panel-popover {
    padding: 0 24px 18px;
    width: 300px;
    border-radius: 8px;
    background-color: var(--bg1_float);
}
.is-bottom {
    top: 100%;
    left: 50%;
        transform: translate3d(-50%,0,0);
}
.right-entry-icon {
  margin-bottom: 2px;
  color: rgb(0, 0, 0);
  -webkit-font-smoothing: antialiased;
}
.right-entry-text {
  color: rgb(0, 0, 0);
  word-break: keep-all;
    text-decoration-line: none;
}
.right-entry__outside {
   text-decoration-line: none;
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
  margin-right: 0;
  min-width: 50px;
  text-align: center;
  font-size: 13px;
}
.right-entry {

display: flex;
align-items: center;
}
.v-popover-wrap {
     list-style: none;
      position: relative;

}
.v-popover{
top: 100%;
    left: 50%;
        position: absolute;
    transition: .3s;
    z-index: 1;
        transform: translate3d(-50%,0,0);
        display: block;
}
.nickname-item{
   text-decoration-line: none;
  display: flex;
    justify-content: center;
    margin-top: -40px;
    margin-bottom: 2px;
    font-size: 18px;
    color: #18191c;
    font-family: PingFang SC,HarmonyOS_Medium,Helvetica Neue,Microsoft YaHei,sans-serif;
font-weight: 500;
}
 .big-avatar {
    display: block;
    margin-bottom: 4px;
    width: 80px;
    height: 80px;
    opacity: 0;
}
.header-avatar-wrap {
  position: relative;
  box-sizing: content-box;
  padding-right: 10px;

   /* margin-left: 10px; */
  width: 50px;
  height: 50px;
  cursor: pointer;
}
/* 右侧结束 */
.center-search-container {
  flex: 1 auto;
  height: 38px;

}
.nav-search-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0 8px;
  width: 100%;
  height: 32px;
  border: 2px solid transparent;
  border-radius: 6px;
}
/* .bili-header {
    min-height: 64px;
    position: relative;
    margin: 0 auto;
    max-width: 2560px;
    width: 100%;
} */
 .nav-search-btn {
  position: absolute;
  top: 0px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 6px;
  color: var(--text1);
  line-height: 32px;
  cursor: pointer;
  transition: background-color .3s;
}
.nav-search-input {
  flex: 1;
  overflow: hidden;
  padding-right: 8px;
  border: none;
  background-color: transparent;
  box-shadow: none;
  color: var(--text2);
  font-size: 14px;
  line-height: 20px;
}
.nav-searchform {
  display: flex;
  align-items: center;
  padding: 0 48px 0 4px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  line-height: 38px;
  border: 1px solid var(--line_regular);
  height: 40px;
  background-color: var(--graph_bg_regular);
  opacity: .9;
  transition: background-color .3s;
}
.center-search__bar {
  position: relative;
  margin: 0 auto;
  min-width: 181px;
  max-width: 500px;
}
/* 去除span标签的点 */
.default-entry{
    color: var(--text1);

    height: 64px;
    line-height: 64px;
    color: var(--text1);
    font-size: 14px;
    cursor: pointer;
    margin-right: 20px;
}
 a {
    text-decoration: none;
 }
li, ul {
    list-style: none;
}
 .mini-header__title {
    color: var(--text1);
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    /* color: #fff; */
    margin-right: 20px;
}
.slide-down {

    margin-right: 5px;
    position: fixed;
    top: 0;
    -webkit-animation: headerSlideDown .3s linear forwards;
    animation: headerSlideDown .3s linear forwards;
    /* background: var(--bg1); */
    -webkit-box-shadow: 0 2px 4px #00000014;
    box-shadow: 0 2px 4px #00000014;
    /* background: var(--bg1_float); */
}
.bili-header__bar {
    /* position: fixed; */
    top: 0;
    z-index: 1002;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0px;
    max-width: 2560px;
    width: 100%;
    height: 64px;
    margin-left: -3px;
    background-repeat: no-repeat;
}
.left-entry {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 5px;
}
.v-popover-wrap {
    position: relative;

}
</style>
